<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title> Table </title>
    </head>
    <body>
        <!--单纯的表格-->

        <table border="1">
            <caption> 没用的表格 </caption>
            <tr>
             <td> 10000  </td>
             <td> 20000  </td>
            </tr>
            <tr>
                <td rowspan="2">20000</td>
                <td>30000</td>
                </tr>
                <tr>
                <td>40000</td>
            </tr>
        </table>

        <!--特别的表格-->
         
        <table border="1">
            <caption>特别</caption>
            <tr>
                <th>名字</th>
                <th colspan="2">电话</th>
            </tr>
            <tr>
                <th> koga </th>
                <td> 15713101888 </td>
                <td> 11111111111 </td>

            </tr>
            <tr>
                <th> koga </th>
                <td> 15713101888 </td>
                <td> 11111111111 </td>
    
            </tr>
            <tr>
                <th> koga </th>
                <td colspan="2" style="text-align: center"> 15713101888 </td>   <!--可以用来调整后面的列数,也可以取到这一行不分列的作用-->
            </tr>
            <!--怎么样可以不再将列数一分为二?-->
            <!--怎么样只让一行的列数一分为二,其他的正常-->
            <tr>
                    <th> koga </th>
                    <td> 15713101888 </td>
 
            </tr>
        </table>

        <!--里表格-->
        <table border="1">
            <caption>--里表格--</caption>
            <tr>
                <td>不同说法</td>
                <td>
                    <table border="1">
                        <tr>
                            <td> 你好 </td>
                            <td> Hello </td>
                        </tr>
                        <tr>
                             <td> Bonjour </td>
                             <td>  Hallo </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        
        <!--表头和页脚的使用-->
        <table>
            <caption>--表头和页脚的使用--</caption>
            <thead style="background-color: darkslateblue">
                <tr>
                    <td>
                        名字
                    </td>
                    <td>
                        职位
                    </td>
                    <td>
                        工资
                    </td>
                </tr>
            </thead>
            <tfoot style="background-color: darksalmon">
                    <tr>
                            <td>
                                名字
                            </td>
                            <td>
                                职位
                            </td>
                            <td>
                                工资
                            </td>
                        </tr>
            </tfoot>
            <tbody style="background-color: deepskyblue">
                    <tr>
                            <td>
                                名字
                            </td>
                            <td>
                                职位
                            </td>
                            <td>
                                工资
                            </td>
                    </tr>
                    <tr>
                            <td>
                                名字
                            </td>
                            <td>
                                职位
                            </td>
                            <td>
                                工资
                            </td>
                    </tr>
                    <tr>
                                <td>
                                    名字
                                </td>
                                <td>
                                    职位
                                </td>
                                <td>
                                    工资
                                </td>
                    </tr>
                    <tr>
                                    <td>
                                        名字
                                    </td>
                                    <td>
                                        职位
                                    </td>
                                    <td>
                                        工资
                                    </td>
                    </tr>
            </tbody>
        </table>
    </body>
</html>